<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>视频播放</title>
	<script src="./pdf/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="./js/lodash.js"></script>
	<!-- <link type="text/css" rel="stylesheet" src="html/js/ckplayer/ckplayer/css/ckplayer.css" /> -->
	<script src="./js/ckplayer/ckplayer/js/ckplayer.min.js"></script>
</head>
<body>
	<div class="video-play">
		<div class="video" id="video">播放容器</div>
		<div class="video-change">
			<div class="video-btn-play video-pre-play" onclick="getPreVideo()">上一集</div>
			<div class="video-btn-play video-next-play" onclick="getNextVideo()">下一集</div>
		</div>
		<div class="video-play-tit"></div>
		<div class="video-play-des">
			<div>温馨提示：为了保证在线学习真实有效，您在学习过程中将受到如下的功能限制，敬请谅解：</div>
			<div>1、验证通过后，视频不会自动播放，请点击播放按钮以继续播放。</div>
			<div>2、在首次学习时视频进度条不可拖动，学习完成后，如再次观看视频，将不再受此限制。</div>
			<div>3、视频学习过程中将不定时弹出互动窗口，在完成互动后，若时间超过有效时长(<em class="yxsc"></em>分钟)方才记录当前学习时间。</div>
			<div>4、当您视频学习到一半时，如有事需离开，请放心关闭视频，我们将为你记录学习的时间。您再次点击该视频进行学习时，系统自动为你还原至最近的一次交互时间点继续学习。</div>
		</div>
		<div class="masks" id="masks">
			<div id="container">
				<div class="exchange">
					<input type="text" id="inputCode" />
					<div class="code" id="checkCode" onclick="createCode()"></div>
				</div>
				<div class="table-btn">
					<input class="Button1 Button" onclick="validateCode();" type="button" value="" />
					<input class="Button2 Button" onclick="closeWeb();" type="button" value="" />
				</div>
			</div>
		</div>
	</div>
</body>
<style>
	html,body{
		margin: 0;
		padding: 0;
	}
	.video{
		width: 100%;
		height: 200px;
	}
	.video-change{
		width: 100%;
		height: 56px;
		text-align: center;
	}
	.video-btn-play{
	    display: block;
	    width: 88px;
	    height: 36px;
	    line-height: 36px;
	    text-align: center;
	    display: block;
	    color: #0081ff;
	    background-color: #cce6ff;
	    margin: 10px 15px;
	}
	.video-pre-play{
		float: left;
	}
	.video-next-play{
		float: right;
	}
	.video-play-tit{
		padding: 0 15px 15px;
		font-size: 20px;
		font-weight: bold;
	}
	.video-play-des{
		padding: 0 15px 15px;
		font-size: 14px;
	}
	.yxsc{
		color: #FD001A;
		font-style: normal;
	}
	#masks{
	    width: 100%;
	    height: 500%; 
	    background-color: rgba(0,0,0,0.5); 
	    position: fixed;
	    z-index: 99999;
	    top: 0;
	    display: none;
	}
	#container{			
		z-index: 100000;
		width: 300px;
		height: 183px;
		background: url(js/ckplayer/ckplayer/css/images/yzmpic.png) no-repeat;
		background-size: 300px 183px;
		border-radius:6px;
		display: none;
		position: absolute;
		top: 10%;
		margin-top: -91.5px;
		left: 50%;
		margin-left: -150px;
	}
	#container .exchange{
		height: 32px;
		margin: 87px 20px 15px;
	}
	#inputCode{
		float: left;
		width: 140px;
		height: 32px;
		line-height: 32px;
		padding: 0 5px;
		margin-right: 10px;
		border: 0;
		background: none;
	}
	.code { 
		float: left; 
		font-family:Arial;
		font-style:italic; 
		background: #0050EF; 
		color:#FFF; 
		font-size:14px; 
		text-align:center;
		border:0; 
		letter-spacing:5px; 
		font-weight:bolder;
		display:inline-block;
		cursor:pointer;
		height:32px;
		line-height:32px;
		vertical-align:middle;
		*display:inline;
		*zoom:1; 
		width:100px;
	}
	#container .table-btn{
		height: 48px;
		line-height: 48px
	}
	#container .table-btn .Button{
		float: left;
		border: 0;
		background: none;
		padding: 0;
		margin: 0;
		width: 150px;
		height: 48px;
		display: block;
	}
	
	.ckplayer-error{
		position: fixed;
		z-index: 9999999;
		left: 10px;
		bottom: 10px;
		width: auto;
		height: 38px;
		line-height: 38px;
		padding: 0 .85rem;
		background: rgb(0,0,0,.9);
		border-radius: .25rem;
		color: #FFF;
		font-size: 14px;
		white-space: nowrap;
	}
	.ckplayer-ckplayer{
		width: 100%;
		height: 100%;
		float: left;
		background: #000;
		overflow: hidden;
	}
	.ckplayer-ckplayer .ck-main.ck-nocursor{
		cursor: none;
	}
	.ckplayer-ckplayer-smallwindow{
		position: fixed;
		z-index: 9999999;
		width: 420px;
		max-width: 100%;
		height: 266px;
		right: 10px;
		bottom: 10px;
	}
	.ckplayer-ckplayer .ck-main{
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #000;
		position: relative;
	}
	.ckplayer-ckplayer .ck-main .ck-video{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position:absolute;
		z-index: 1;
		top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	}
	.ckplayer-ckplayer .ck-main .ck-video video,.ckplayer-ckplayer .ck-main .ck-video canvas{
		width: 100%;
		height: 100%;
	}
	.ckplayer-ckplayer .ck-main .ck-error{
		width: 100%;
		height: 80px;
		line-height: 35px;
	    text-align: center;
	    color: #FFF;
	    position:absolute;
	    z-index: 70;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    overflow: hidden;
	}
	.ckplayer-ckplayer .ck-main .ck-logo{
	    position:absolute;
	    right: 20px;
	    top:20px;
	    z-index: 400;
	}
	.ckplayer-ckplayer .ck-main .ck-loading{
		position:absolute;
		top:0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    z-index: 80;
		width: 80px;
		height: 80px;
	    border-radius: 50%;
	    background: url(js/ckplayer/ckplayer/css/images/loading.png) no-repeat center center;
	    background-size: 100% 100%;
	    animation: ck-Circle 1.5s linear infinite;
		-webkit-animation: ck-Circle 1.5s linear infinite
	}
	.ckplayer-ckplayer .ck-main .ck-center-play{
		background: url(js/ckplayer/ckplayer/css/images/play.png) no-repeat 70% center;
		background-size:60% 60%;
		border: 8px solid rgba(255,255,255,.3);
		border-radius: 50%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */	
		width: 80px;
		height: 80px;
		position: absolute;
		display: none;
	    z-index: 90;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    cursor: pointer;
	    transition: .2s;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-center-play{
		width: 100px;
		height: 100px;
	}
	.ckplayer-ckplayer .ck-main .ck-center-play:hover{
		width: 100px;
		height: 100px;
	    transition: 0.2s;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-center-play:hover{
		width: 120px;
		height: 120px;
	}
	.ckplayer-ckplayer .ck-main .ck-buffer{
		background: url(js/ckplayer/ckplayer/css/images/buffer.png) no-repeat center center;
		background-size:100% 100%;
		border-radius: 50%;
		width: 60px;
		height: 60px;
		position: absolute;
	    z-index: 100;
	    top:0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    display: none;
	    animation: ck-Circle 1s linear infinite;
		-webkit-animation: ck-Circle 1s linear infinite
	}
	.ckplayer-ckplayer .ck-main .ck-message{
	    position: absolute;
	    z-index: 240;
	    left:5px;
	    bottom: 78px;
	    padding: 0 1rem;
	    line-height: 30px;
	    height: 30px;
	    width: auto;
	    min-width: 1px;
	    border-radius: .25rem;
	    background: rgba(0,0,0,.6);
	    font-size: 14px;
	    color: #FFF;
	    display: none;
	    white-space:nowrap;
	}
	.ckplayer-ckplayer .ck-main .ck-message-right{
		left:auto;
		right: 5px;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-message{
	    font-size: 18px;
	    bottom: 100px;
	}
	.ckplayer-ckplayer .ck-main .ck-tip{
	    width: auto;
	    height: auto;
	    position: absolute;
	    z-index: 230;
	    display: none;
	    margin-bottom: 1px;
	}
	.ckplayer-ckplayer .ck-main .ck-tip .ck-content{
	    width: auto;
	    height: auto;
	    white-space: nowrap;
	    min-width: 1px;
	    background: rgba(0,0,0,.6);
	    font-size: 14px;
	    color: #FFF;
	    line-height: 32px;
	    height: 32px;
	    padding: 0 15px;
	}
	.ckplayer-ckplayer .ck-main .ck-tip .ck-content-float-auto{
		border-radius: 5px;
		margin: auto;
	}
	.ckplayer-ckplayer .ck-main .ck-tip .ck-content-float-left{
		border-radius: 5px;
		float: left;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-tip .ck-content{
	    font-size: 18px;
	}
	.ckplayer-ckplayer .ck-main .ck-tip .ck-triangle{
		width: 0px;
		height: 0px;
	}
	.ckplayer-ckplayer .ck-main .ck-tip .ck-triangle-auto{
		border-left: 8px solid transparent;
	    border-top: 8px solid rgba(0, 0, 0,.6);
	    border-right: 8px solid transparent;
	    margin: auto;
	}
	.ckplayer-ckplayer .ck-main .ck-tip .ck-triangle-left{
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid rgba(0, 0, 0,.6);
	    float: left;
	    margin-top: 10px;
	}
	.ckplayer-ckplayer .ck-main .ck-preview{
		position: absolute;
	    z-index: 210;
	    width: 100%;
	    left:0;
	    bottom: 64px;
	    overflow: hidden;
	    display: none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-preview{
	    bottom: 86px;
	}
	.ckplayer-ckplayer .ck-main .ck-preview-load-img{
		position: absolute;
	    z-index: 210;
	    top:110%;
	}
	.ckplayer-ckplayer .ck-main .ck-preview .ck-preview-bg{
		position: absolute;
	    z-index: 1;
	    top:0;
		float: left;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-preview .ck-preview-bg .ck-preview-img{
		background-repeat: no-repeat ;
		float: left;
	}
	.ckplayer-ckplayer .ck-main .ck-preview .ck-preview-frame{
		position: absolute;
	    z-index: 2;
	    top:0;
	    left:-1000px;
		border:4px solid #0078ff;
		box-sizing:content-box;
		-moz-box-sizing:content-box; /* Firefox */
		-webkit-box-sizing:content-box; /* Safari */	
	}
	.ckplayer-ckplayer .ck-main .ck-prompt-words{
		position: absolute;
	    z-index: 220;
	    width: 213px;
	    line-height: 23px;
	    font-size: 14px;
	    color: #FFF;
	    background: rgba(0, 0, 0,.6);
	    overflow: hidden;
	    display: none;
	    margin-bottom: 10px;
	    border-radius: 3px;
	    -webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: .2s;
		animation-duration: .2s;
		-webkit-animation-name: ck-bounceIn;
		animation-name: ck-bounceIn;
	}
	.ckplayer-ckplayer .ck-main .ck-prompt-words .ck-prompt-content{
		padding: 5px;
	}
	.ckplayer-ckplayer .ck-main .ck-layer{
		position: absolute;
		z-index: 101;
	}
	.ckplayer-ckplayer .ck-main .ck-tempTime{
		position: absolute;
		z-index: 20;
		left:10px;
		bottom: 5px;
		display: none;
		font-size: 14px;
		line-height: 28px;
		color: #FFF;
	}
	/*关于*/
	.ckplayer-ckplayer .ck-main .ck-about{
		position: absolute;
		z-index: 200;
		width: 50%;
		max-width: 600px;
		min-width: 400px;
		left: 1rem;
		top: 1rem;
		background: rgba(0,0,0,.6);
		padding: 1rem 0;
		display: none;
	}
	.ckplayer-ckplayer .ck-main .ck-about ul{
		padding: 0;
		margin: 0;
	}
	.ckplayer-ckplayer .ck-main .ck-about ul li{
		list-style:none;
		color: #FFF;
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		padding: 0;
		margin: 0;
	}
	.ckplayer-ckplayer .ck-main .ck-about ul li .ck-about-title{
		width: 100px;
		text-align: right;
		float: left;
		padding-right: .5rem;
	}
	.ckplayer-ckplayer .ck-main .ck-about ul li .ck-about-content{
		width: auto;
		float: left;
	}
	.ckplayer-ckplayer .ck-main .ck-about .ck-about-bar{
		position: absolute;
		z-index: 1;
		top: 0;
	    right: 0;
	    width: 96px;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-about .ck-about-bar{
	    width: 140px;
	}
	.ckplayer-ckplayer .ck-main .ck-about .ck-about-bar .ck-btn-about-copy{
		background-position:-1632px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-about .ck-about-bar .ck-btn-about-copy:hover{
		background-position:-1680px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-about .ck-about-bar .ck-btn-about-copy{
		background-position:-2380px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-about .ck-about-bar .ck-btn-about-copy:hover{
		background-position:-2450px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-about .ck-about-bar .ck-btn-about-close{
		background-position:-1728px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-about .ck-about-bar .ck-btn-about-close:hover{
		background-position:-1776px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-about .ck-about-bar .ck-btn-about-close{
		background-position:-2520px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-about .ck-about-bar .ck-btn-about-close:hover{
		background-position:-2590px 0;
	}
	/*截图显示容器*/
	.ckplayer-ckplayer .ck-main .ck-screenshot{
		position: absolute;
		z-index: 220;
		width: auto;
		height: 144px;
		margin: auto !important;
		top: 0;
		bottom: 0;
		right: 55px;
		display: none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-screenshot{
		height: 210px;
		right: 77px;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-img{
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-img img{
		height: 100%;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-bar{
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 36px;
		bottom: 5px;
		text-align: center;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-bar .ck-screenshot-btn{
		display: inline-block;
	    overflow: hidden;
	    border: 0px solid transparent;
	    border-radius: 5px;
	    vertical-align: middle;
	    text-align: center;
	    text-decoration: none;
	    white-space: nowrap;
	    font-size: 14px;
	    line-height: 30px;
	    padding: 0px 15px;
	    cursor: pointer;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    color: #fff;
	    margin: 0 5px;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-bar .ck-screenshot-btn:hover{
		color: #FFFF00;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-bar .ck-screenshot-btn:focus{
		outline:0;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-bar .ck-screenshot-down{
	    background-color: #007bff;
	}
	.ckplayer-ckplayer .ck-main .ck-screenshot .ck-screenshot-bar .ck-screenshot-close{
	    background-color: #505050;
	    color: #fff;
	}
	/*广告*/
	.ckplayer-ckplayer .ck-main .ck-yytf{
		position: absolute;
		z-index: 800;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-front-link{
		width: 100%;
		height: 100%;
		display: none;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-front-picture{
		width: 100%;
		height: 100%;
		background: #000;
		display: none;
		text-align: center;
		line-height: 100%;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-front-picture img{
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-top{
		position: absolute;
		z-index: 3;
		top: 10px;
		right: 10px;
	}
	
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-top div{
		float: right;
		margin-left: 10px;
		font-size: 14px;
		border-radius: 15px;
		background: rgba(0,0,0,.6);
		padding: 0px 10px;
		line-height: 30px;
		height: 30px;
		color: #FFF;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-top div{
		font-size: 18px;
		border-radius: 20px;
		line-height: 40px;
		height: 40px;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-top .ck-yytf-closetime{
		display: none;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-top .ck-yytf-closead{
		cursor: pointer;
		display: none;
	}
	
	/*显示广告时的底部内容*/
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom{
		position: absolute;
		z-index: 3;
		bottom: 10px;
		right: 10px;
	}
	/*显示广告时的底部按钮-共用*/
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-btn{
		background-color: rgba(0,0,0,.6);
		background-image: url(js/ckplayer/ckplayer/css/images/ckplayer.png);
		background-size: auto 100%;
		border: none;
		outline: none;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background-repeat: no-repeat;
		border-radius: 50%;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-btn{
		width: 40px;
		height: 40px;	
	}
	/*显示广告时的静音按钮*/
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit{
		float: right;
		width: 30px;
		height: 30px;
		margin-left: 10px;
		overflow: hidden;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit{
		width: 40px;
		height: 40px;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-muted{
		background-position:-180px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-muted:hover{
		background-position:-210px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-exitmuted{
		background-position:-240px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-exitmuted:hover{
		background-position:-270px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-muted{
		background-position:-240px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-muted:hover{
		background-position:-280px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-exitmuted{
		background-position:-320px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-mutedandexit .ck-yytf-mutedandexit-exitmuted:hover{
		background-position:-360px 0;
	}
	/*显示广告时的全屏按钮*/
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit{
		float: right;
		width: 30px;
		height: 30px;
		margin-left: 10px;
		overflow: hidden;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit{
		width: 40px;
		height: 40px;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-full{
		background-position:-300px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-full:hover{
		background-position:-330px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-exitfull{
		background-position:-360px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-exitfull:hover{
		background-position:-390px 0;
	}
	
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-full{
		background-position:-400px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-full:hover{
		background-position:-440px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-exitfull{
		background-position:-480px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-fullandexit .ck-yytf-fullandexit-exitfull:hover{
		background-position:-520px 0;
	}
	/*广告查看详情按钮*/
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-details{
		float: right;
		font-size: 14px;
		border-radius: 15px;
		background: rgba(0,0,0,.6);
		padding: 0 10px;
		color: #FFF;
		line-height: 30px;
		height: 30px;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-yytf .ck-yytf-bottom .ck-yytf-details{
		font-size: 18px;
		border-radius: 20px;
		line-height: 40px;
		height: 40px;
	}
	.ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-details a{
		color: #FFF;
		text-decoration: none;
	}
	/*暂停广告容器*/
	.ckplayer-ckplayer .ck-main .ck-pause-yytf{
		display: none;
		position:absolute;
		z-index: 800;
		max-width: 100%;
		max-height: 100%;
		top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto; 
	}
	.ckplayer-ckplayer .ck-main .ck-pause-yytf img{
		max-width: 100%;
		max-height: 100%;
	}
	.ckplayer-ckplayer .ck-main .ck-pause-close{
		position:absolute;
		z-index: 1;
		right: -15px;
		top:-15px;
		width: 30px;
		height: 30px;
		background-color: transparent;
		background-image: url(js/ckplayer/ckplayer/css/images/adclose.png);
		border: none;
		outline: none;
		cursor: pointer;
		background-repeat: no-repeat ;
	}
	.ckplayer-ckplayer .ck-main .ck-pause-close:hover{
		background-position:-30px 0;
	}
	/*右键菜单*/
	.ckplayer-ckplayer-menu{
		width:120px;
		background: rgba(50,50,50,.6);
		position: absolute;
		z-index: 9000;
		font-size:14px ;
		border: 1px #000 solid;
		display: none;
	}
	.ckplayer-ckplayer-menu .ck-li{
		color: #adadad;
		line-height: 35px;
		padding: 0 0 0 5px;
	}
	.ckplayer-ckplayer-menu .ck-li a{
		color: #FFF;
		text-decoration: none;
	}
	.ckplayer-ckplayer-menu .ck-underline{
		border-bottom: 1px #000 solid;
	} 
	/*控制栏*/
	.ckplayer-ckplayer .ck-main .ck-bar{
		position:absolute;
		z-index: 260;
		left:0px;
		bottom:0px;
		width: 100%;
		height: 48px;
		background: rgba(0,0,0,.3);
		transition: 0.2s;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar{
		height: 70px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar.ck-bar-out{
		bottom: -50px;
		transition: 0.2s;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar.ck-bar-out{
		bottom: -80px;
		transition: 0.2s;
	}
	
	/*按钮公用样式*/
	.ckplayer-ckplayer .ck-main .ck-bar-btn{
		background-color: transparent;
		background-image: url(js/ckplayer/ckplayer/css/images/ckplayer.48.png);
		background-size: auto 100%;
		border: none;
		outline: none;
		width: 48px;
		height: 48px;
		cursor: pointer;
		background-repeat: no-repeat ;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar-btn{
		background-image: url(js/ckplayer/ckplayer/css/images/ckplayer.png);
		width: 70px;
		height: 70px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-btn:hover{
		background-size:auto 100%;
	}
	
	/*播放暂停按钮组*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause{
		float: left;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-play{
		background-position:0px top;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-play:hover{
		background-position:-48px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-playandpause .ck-btn-play:hover{
		background-position:-70px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-pause{
		background-position:-96px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-playandpause .ck-btn-pause{
		background-position:-140px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-pause:hover{
		background-position:-144px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-playandpause .ck-btn-pause:hover{
		background-position:-210px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-refresh{
		background-position:-192px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-playandpause .ck-btn-refresh{
		background-position:-280px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-refresh:hover{
		background-position:-240px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-playandpause .ck-btn-refresh:hover{
		background-position:-350px 0;
	}
	
	/*返回播放按钮*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-btn-backlive{
		float: left;
		font-size: 16px;
		line-height: 28px;
		border-radius: 3px;
		margin: 10px;
		border: 0px;
		background: rgba(3,60,146,.5);
		color: #FFF;
		cursor: pointer;
		padding: 0 8px;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-btn-backlive{
		font-size: 18px;
		line-height: 36px;
		margin: 17px 10px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-btn-backlive:hover{
		background: rgba(3,60,146,.9);
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-btn-backlive:focus{
		outline:0;
		background: rgba(3,60,146,.6);
	}
	/*静音取消静音按钮组*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-muted{
		background-position:-288px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-volumebox .ck-btn-muted{
		background-position:-420px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-muted:hover{
		background-position:-336px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-volumebox .ck-btn-muted:hover{
		background-position:-490px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-exitmuted{
		background-position:-384px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-volumebox .ck-btn-exitmuted{
		background-position:-560px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-exitmuted:hover{
		background-position:-432px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-volumebox .ck-btn-exitmuted:hover{
		background-position:-630px 0;
	}
	
	/*全屏按钮组*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit{
		float: right;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit .ck-btn-full{
		background-position:-480px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-fullandexit .ck-btn-full{
		background-position:-700px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit .ck-btn-full:hover{
		background-position:-528px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-fullandexit .ck-btn-full:hover{
		background-position:-770px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit .ck-btn-exitfull{
		background-position:-672px 0;
		display: none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-fullandexit .ck-btn-exitfull{
		background-position:-840px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit .ck-btn-exitfull:hover{
		background-position:-720px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-fullandexit .ck-btn-exitfull:hover{
		background-position:-910px 0;
	}
	
	/*网页全屏按钮组*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-webfullandexit{
		float: right;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-webfullandexit .ck-btn-webfull{
		background-position:-768px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-webfullandexit .ck-btn-webfull{
		background-position:-1120px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-webfullandexit .ck-btn-webfull:hover{
		background-position:-816px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-webfullandexit .ck-btn-webfull:hover{
		background-position:-1190px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-webfullandexit .ck-btn-exitwebfull{
		background-position:-864px 0;
		display: none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-webfullandexit .ck-btn-exitwebfull{
		background-position:-1260px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-webfullandexit .ck-btn-exitwebfull:hover{
		background-position:-912px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-webfullandexit .ck-btn-exitwebfull:hover{
		background-position:-1330px 0;
	}
	
	/*剧场模式按钮组*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-theatreandexit{
		float: right;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-theatreandexit .ck-btn-theatre{
		background-position:-960px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-theatreandexit .ck-btn-theatre{
		background-position:-1400px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-theatreandexit .ck-btn-theatre:hover{
		background-position:-1008px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-theatreandexit .ck-btn-theatre:hover{
		background-position:-1470px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-theatreandexit .ck-btn-exittheatre{
		background-position:-1056px 0;
		display: none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-theatreandexit .ck-btn-exittheatre{
		background-position:-1540px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-theatreandexit .ck-btn-exittheatre:hover{
		background-position:-1104px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-theatreandexit .ck-btn-exittheatre:hover{
		background-position:-1610px 0;
	}
	/*播放速度*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box{
		float: right;
		height: 48px;
		line-height: 48px;
		position: relative;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-playbackrate-box{
		height: 70px;
		line-height: 70px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box .ck-bar-playbackrate{
		height: 100%;
		padding: 0 10px;
		white-space:nowrap;
		font-size: 16px;
		color: #FFF;
		-moz-user-select:none; /*火狐*/
	    -webkit-user-select:none; /*webkit浏览器*/
	    -ms-user-select:none; /*IE10*/
	    -khtml-user-select:none; /*早期浏览器*/
	    user-select:none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-playbackrate-box .ck-bar-playbackrate{
		font-size: 18px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box .ck-bar-playbackrate:hover{
		color: #0368d0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box .ck-bar-playbackrate-bg-box {
		width: auto;
		height: auto;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box:hover .ck-bar-playbackrate-bg-box {
		display: block;
	}
	/*字幕*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-track-box{
		float: right;
		height: 48px;
		line-height: 48px;
		position: relative;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-track-box{
		height: 70px;
		line-height: 70px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-track-box .ck-bar-track{
		height: 100%;
		padding: 0 10px;
		white-space:nowrap;
		font-size: 16px;
		color: #FFF;
		-moz-user-select:none; /*火狐*/
	    -webkit-user-select:none; /*webkit浏览器*/
	    -ms-user-select:none; /*IE10*/
	    -khtml-user-select:none; /*早期浏览器*/
	    user-select:none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-track-box .ck-bar-track{
		font-size: 18px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-track-box .ck-bar-track:hover{
		color: #0368d0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-track-box .ck-bar-track-bg-box {
		width: auto;
		height: auto;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-track-box:hover .ck-bar-track-bg-box {
		display: block;
	}
	/*清晰度*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-definition-box{
		float: right;
		height: 48px;
		line-height: 48px;
		position: relative;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-definition-box{
		height: 70px;
		line-height: 70px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-definition-box .ck-bar-definition{
		height: 100%;
		padding: 0 10px;
		white-space:nowrap;
		font-size: 16px;
		color: #FFF;
		-moz-user-select:none; /*火狐*/
	    -webkit-user-select:none; /*webkit浏览器*/
	    -ms-user-select:none; /*IE10*/
	    -khtml-user-select:none; /*早期浏览器*/
	    user-select:none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-definition-box .ck-bar-definition{
		font-size: 18px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-definition-box .ck-bar-definition:hover{
		color: #0368d0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-definition-box .ck-bar-definition-bg-box {
		width: auto;
		height: auto;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-definition-box:hover .ck-bar-definition-bg-box {
		display: block;
	}
	/*列表切换*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box {
		background: rgba(0,0,0,.001);
		position: absolute;
		z-index: 1;
		bottom: 46px;
		display: none;
		-webkit-animation-duration: .2s;
		animation-duration: .2s;
		-webkit-animation-name: ck-bounceIn;
		animation-name: ck-bounceIn;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-list-bg-box {
		bottom: 68px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box .ck-list-bg{
		background: rgba(0,0,0,.6);
		float: left;
		border-radius: 5px;
		padding: 10px;
		margin-bottom: 10px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p{
		width: 100%;
		float: left;
		line-height: 35px;
		color: #FFF;
		text-align: center;
		font-size: 14px;
		background-color: rgba(0,0,0,0);
		border: 0px;
		white-space:nowrap;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p:hover{
		color: #0368d0;
		font-size: 16px;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p:hover{
		font-size: 20px;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p{
		font-size: 18px;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p-focus{
		color: #0368d0;
	}
	/*下一集按钮*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-next{
		float: left;
		background-position:-672px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-next{
		background-position:-980px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-next:hover{
		background-position:-720px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-next:hover{
		background-position:-1050px 0;
	}
	/*进度栏*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress{
		width: 100%;
		position:absolute;
		z-index: 1;
		height: 12px;
		top:-11px;
		transition: 0.2s;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg{
		width: 100%;
		background: rgba(255,255,255,.3);
		margin-top: 2px;
		overflow: hidden;
		height: 10px;
		transition: .2s;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg .ck-bar-progress-load{
		float: left;
		width: 0px;
		background: rgba(169,169,169,.7);
		height: 10px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg .ck-bar-progress-play{
		width: 0px;
		background: #0368d0;
		position: absolute;
		z-index: 1;
		height: 10px;
		transition: .2s;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg .ck-bar-progress-mouseline{
		width: 3px;
		background: rgba(255,255,255,.6);
		position: absolute;
		z-index: 2;
		display: none;
		height: 10px;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg .ck-bar-progress-prompt{
		background: #FFF;
		position: absolute;
		z-index: 3;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		top:2px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-slider{
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		float: left;
		z-index: 4;
	    left: 0px;
	    cursor: pointer;
		width: 12px;
		height: 12px;
		top: -11px;
		background: #FFF;
		box-shadow: 0px 0px 0px 4px rgba(255,255,255,.5);	
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-slider:hover{
		background: #0368d0;	
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg:hover .ck-bar-progress-mouseline{
		display: block;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-out{
		height: 2px;
		top:-2px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-out .ck-bar-progress-bg,.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-out .ck-bar-progress-load,.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-out .ck-bar-progress-bg .ck-bar-progress-play{
		height: 2px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-out .ck-bar-progress-slider{
		width: 12px;
		height: 2px;
		top: -2px;
		box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
		background: rgba(255,255,255,0);
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-out .ck-bar-progress-bg .ck-bar-progress-prompt{
		height: 2px;
		border-radius: 0;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-slider-move .ck-bar-progress-play,.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress.ck-bar-progress-slider-move .ck-bar-progress-slider{
		transition: 0s;
	}
	
	/*音量调节栏*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox{
		float: right;
		width: 48px;
		overflow-x: hidden;
	}
	/*音量调节栏*/
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-volumebox{
		width: 70px;
	}
	/*默认状态-音量调节总外框*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume{
		width: 48px;
		height: 215px;
		background: rgba(0,0,0,.01);
		position: absolute;
		z-index: 1;
		bottom: 46px;
		display: none;
		overflow: hidden;
	}
	/*全屏状态-音量调节总外框*/
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-volumebox .ck-bar-volume{
		width: 70px;
		bottom: 68px;
	}
	/*默认状态-音量调节总外框-鼠标经过时样式*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox:hover .ck-bar-volume{
		display: block;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: .1s;
		animation-duration: .1s;
		-webkit-animation-name: ck-bounceIn;
		animation-name: ck-bounceIn;
	}
	/*共用状态-音量调节内部外框*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volumex{
		width: 100%;
		height: 200px;
		float: left;
		background: rgba(0,0,0,.8);
		border-radius: 5px;
	}
	/*共用状态-音量调节顶部文字*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-txt{
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #FFF;
		text-align: center;
		font-size: 1rem;
		float: left;
		overflow: hidden;
		-moz-user-select:none; /*火狐*/
	    -webkit-user-select:none; /*webkit浏览器*/
	    -ms-user-select:none; /*IE10*/
	    -khtml-user-select:none; /*早期浏览器*/
	    user-select:none;
	}
	/*共用状态-音量调节背景色*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-bg{
		width: 8px;
		height: 140px;
		background: #808080;
		border-radius: 3px;
		overflow: hidden;
		cursor: pointer;
		margin: auto;
	}
	/*共用状态-音量调节前景色*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-bg .ck-bar-volume-pp{
		width: 8px;
		height: 140px;
		background: #0368d0;
		margin-top: 140px;
	}
	/*共用状态-音量调节拖动小按钮*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-slider{
		width: 10px;
		height: 10px;
		background: #FFF;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 0px 0px 0px 8px rgba(255,255,255,.5);
		position: absolute;
		z-index: 1;
		top: 0px;
	    left: 19px;
	    cursor: pointer;
	}
	/*全屏状态-音量调节拖动小按钮*/
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-slider{
	    left: 30px;
	}
	/*默认状态-显示时间*/
	.ckplayer-ckplayer .ck-main .ck-bar .ck-bar-time{
		float: left;
		line-height: 48px;
		font-size: 16px;
		color: #FFF;
		-moz-user-select:none; /*火狐*/
	    -webkit-user-select:none; /*webkit浏览器*/
	    -ms-user-select:none; /*IE10*/
	    -khtml-user-select:none; /*早期浏览器*/
	    user-select:none;
	}
	/*全屏状态-显示时间*/
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-time{
		float: left;
		line-height: 70px;
		font-size: 18px;
		color: #FFF;
	}
	/*右侧控制栏*/
	.ckplayer-ckplayer .ck-main .ck-right-bar{
		position: absolute;
		z-index: 260;
		top: 0;
	    right: 2px;
	    bottom: 0;
	    margin: auto !important;
		width: 48px;
		height: 144px;
		background: rgba(0,0,0,.3);
		border-radius: 5px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar-hide{
		right: -48px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar{
		width: 70px;
		height: 210px;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar-hide{
		right: -70px;
		transition: .2s;
	}
	/*截图按钮*/
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-btn-screenshot{
		float: left;
		background-position:-1536px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-btn-screenshot{
		background-position:-2240px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-btn-screenshot:hover{
		background-position:-1584px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-btn-screenshot:hover{
		background-position:-2310px 0;
	}
	/*小窗口按钮组*/
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-smallwindows{
		float: left;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-smallwindows button{
		float: left;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-open{
		background-position:-1248px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-open{
		background-position:-1820px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-open:hover{
		background-position:-1296px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-open:hover{
		background-position:-1890px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-close{
		background-position:-1152px 0;
		display: none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-close{
		background-position:-1680px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-close:hover{
		background-position:-1200px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-smallwindows .ck-btn-smallwindows-close:hover{
		background-position:-1750px 0;
	}
	/*循环按钮组*/
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-loop{
		float: left;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-loop .ck-btn-loop-open{
		background-position:-1440px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-loop .ck-btn-loop-open{
		background-position:-2100px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-loop .ck-btn-loop-open:hover{
		background-position:-1488px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-loop .ck-btn-loop-open:hover{
		background-position:-2170px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-loop .ck-btn-loop-close{
		background-position:-1344px 0;
		display: none;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-loop .ck-btn-loop-close{
		background-position:-1960px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-right-bar .ck-right-bar-loop .ck-btn-loop-close:hover{
		background-position:-1392px 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-right-bar .ck-right-bar-loop .ck-btn-loop-close:hover{
		background-position:-2030px 0;
	}
	/*顶部显示栏*/
	.ckplayer-ckplayer .ck-main .ck-top-bar{
		position: absolute;
		z-index: 260;
		top: -36px;
		width: 100%;
		height: 36px;
		background: rgba(0,0,0,.3);
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar-hide{
		top: -36px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-top-bar{
		top: 0;
	}
	.ckplayer-ckplayer .ck-main.ck-main-full .ck-top-bar-hide{
		top: -36px;
		transition: .2s;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom{
		position: absolute;
		z-index: 260;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container{
		float: left;
		margin-left: 10px;
		margin-top: 9px;
		cursor: pointer;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container .ck-top-bar-zoom-left{
		float: left;
		width: 20px;
		height: 18px;
		border: 1px solid #FFF;
		box-sizing:content-box;
		-moz-box-sizing:content-box; /* Firefox */
		-webkit-box-sizing:content-box; /* Safari */	
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left,
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left{
		border-color: #0368d0;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left div,
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left div{
		background: #0368d0;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container .ck-top-bar-zoom-right{
		float: left;
		font-size: 14px;
		color: #FFF;
		padding-left: 5px;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-right,
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-right{
		color: #0368d0;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container .ck-top-bar-zoom-left .ck-top-bar-zoom-button-50{
		width: 50%;
		height: 50%;
		background: #FFF;
		margin: 4.5px 25%;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container .ck-top-bar-zoom-left .ck-top-bar-zoom-button-75{
		width: 75%;
		height: 50%;
		background: #FFF;
		margin: 4.5px 12.5%;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container .ck-top-bar-zoom-left .ck-top-bar-zoom-button-100{
		width: 100%;
		height: 50%;
		background: #FFF;
		margin: 4.5px 0;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-title{
		position: absolute;
		z-index: 1;
		top: 0px;
		width: 100%;
		height: 36px;
		line-height: 36px;
		text-align: center;
		font-size: 18px;
		color: #FFF;
		-moz-user-select:none; /*火狐*/
	    -webkit-user-select:none; /*webkit浏览器*/
	    -ms-user-select:none; /*IE10*/
	    -khtml-user-select:none; /*早期浏览器*/
	    user-select:none;
	}
	.ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-time{
		float: right;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		color: #FFF;
		padding: 0 1rem 0;
		-moz-user-select:none; /*火狐*/
	    -webkit-user-select:none; /*webkit浏览器*/
	    -ms-user-select:none; /*IE10*/
	    -khtml-user-select:none; /*早期浏览器*/
	    user-select:none;
	}
	/*以下为缓动效果样式*/
	.ck-animate {
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
	}
	.ck-animate-bouncein {
		-webkit-animation-name: ck-bounceIn;
		animation-name: ck-bounceIn;
	}
	
	@-webkit-keyframes ck-bounceIn {
		0% {
			opacity: 0;
			-webkit-transform: scale(.5);
			transform: scale(.5)
		}
		100% {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	
	@keyframes ck-bounceIn {
		0% {
			opacity: 0;
			-webkit-transform: scale(.5);
			-ms-transform: scale(.5);
			transform: scale(.5);
		}
		100% {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}
	.ck-animate-bounceout {
		-webkit-animation-name: ck-bounceOut;
		animation-name: ck-bounceOut;
	}
	
	@-webkit-keyframes ck-bounceOut {
		0% {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		100% {
			opacity: 0;
			-webkit-transform: scale(.5);
			transform: scale(.5);
		}
	}
	
	@keyframes ck-bounceOut {
		0% {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		100% {
			opacity: 0;
			-webkit-transform: scale(.5);
			transform: scale(.5);
		}
	}
	.ck-animate-circle {
		animation: ck-Circle 1s linear infinite;
		-webkit-animation: ck-Circle 1s linear infinite
	}
	
	@-webkit-keyframes ck-Circle {
		0% {
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg)
		}
		25% {
			transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg)
		}
		50% {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg)
		}
		75% {
			transform: rotate(270deg);
			-webkit-transform: rotate(270deg);
			-ms-transform: rotate(270deg)
		}
		100% {
			transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg)
		}
	}
	
	@keyframes ck-Circle {
		0% {
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg)
		}
		25% {
			transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg)
		}
		50% {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg)
		}
		75% {
			transform: rotate(270deg);
			-webkit-transform: rotate(270deg);
			-ms-transform: rotate(270deg)
		}
		100% {
			transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg)
		}
	}
</style>
<script type="text/javascript" src="./js/uni.webview.1.5.2.js"></script>
<style>
	/**
	 * 居中 背景、信息框
	 */
	.view {
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  position: absolute;
	}
	.view.box-bg,
	.view.div-msg {
	  display: -webkit-box;
	  -webkit-box-align: center;
	  -webkit-box-pack: center;
	  background: rgba(0, 0, 0, 0.5);
	}
	
	.view.box-bg {
	  z-index: 1000000;
	  font-size: 14px;
	}
	
	.view.div-msg {
	  z-index: 10000000;
	}
	
	.view.div-msg> div {
	  background: #FFF;
	  text-align: center;
	  width: 300px;
	  border-radius: 14px;
	}
	
	.view.div-msg button {
	  width: 100px;
	  line-height: 32px;
	  background-color: #fff;
	  border: 1px solid #ccc;
	  color: #666;
	  border-radius: 5px;
	}
	
	.view.div-msg h6,.view.div-msg .title {
	  margin: 0;
	  font-size: 18px;
	  padding-top: 25px;
	  line-height: 40px;
	  text-align: center;
	  color: #000;
	  border-radius: 5px 5px 0 0;
	}
	
	.view.div-msg .btn{
	    margin: 0;
	    margin-top: 20px;
	    height: 40px;
	    line-height: 40px;
	    border-top: 1px solid rgb(204,204,204);
	    border-radius: 0 0 5px 5px;
	}
	.view.div-msg .btn button{
		width: 150px;
		height: 40px;
		line-height: 40px;
		color: rgb(0,126,247);
		font-size: 16px;
		border:0;
		border-right:1px solid rgb(204,204,204);
	}
	.view.div-msg .btn .btn-left{
		border-radius:0 0 0 5px;
	}
	.view.div-msg .btn .btn-right{
		border-radius:0 0 5px 0;
		border-right:0
	}
	.view.div-msg .label{
	    width: 220px;
	    height: 40px;
	    line-height: 40px;
	    padding: 0 40px;
	    text-align: center;
	    font-size: 14px;
	    color: rgb(71,71,71);
	    text-align: left;
	}
</style>
<script>
	/**
	 * 消息，包括loading，提示信息和确认框。
	 * clickType : 默认为tap
	 * showMessage({msg:'',success:回调函数}) : 参数msg,字符串。 提示这一个功能。 也可以showMessage("Haha!");
	 * confirmMessage({title:'标题',msg:'消息',success:确认的回调函数,cancel:取消的回调函数}) 参数可选,在回调函数执行完毕之后关闭对话框
	 */
	Msg = {
	
	  clickType: 'touchend', //or touchstart / touchend
	
	  loadStr: '&#xe636;',
	  loadNum: 0,
	  ctrl: {},
	  showMessage: function (obj) {
	    var $msg = null;
	
	    if (typeof (obj) === 'string') {
	      $msg = $(
	        '<div class="div-msg view"><div>' +
	        '<p style="margin:40px 0 20px;">' + obj + '</p>' +
	        '<p style="margin:40px 0 20px;"><button>确定</button></p>' +
	        '</div></div>');
	    } else {
	      $msg = $(
	        '<div class="div-msg view"><div>' +
	        '<p style="margin:40px 0 20px;">' + obj.msg + '</p>' +
	        '<p style="margin:40px 0 20px;"><button>确定</button></p>' +
	        '</div></div>');
	    }
	
	    $("body").append($msg);
	
	    if (obj.success) {
	      $msg.find("button").bind(this.clickType, obj.success);
	    }
	
	    $msg.find("button").bind(this.clickType, function (e) {
	      e.preventDefault();
	      $msg.remove();
	    });
	
	  },
	  //confirm something
	  confirmMessage: function (obj) {
	
	    var div = "<div class='div-msg view'><div>";
	    if (obj.title)
	      div += "<h6>" + obj.title + "</h6>";
	    if (obj.msg)
	      div += "<p style='margin:40px 0;'>" + obj.msg + "</p>";
	    div += "<p class='btn'><button class='btn-ok btn-left'>确定</button><button class='btn-cancel btn-right'>取消</button></p>";
	    div += "</div></div>";
	
	    var $div = $(div);
	    $("body").append($div);
	
	    if (obj.success) {
	      $div.find(".btn-ok").bind(this.clickType, obj.success);
	    }
	
	    $div.find(".btn-ok").bind(this.clickType, function (e) {
	      e.preventDefault();
	      $div.remove();
	    });
	
	    if (obj.cancel) {
	      $div.find(".btn-cancel").bind(this.clickType, obj.cancel);
	    }
	
	    $div.find(".btn-cancel").bind(this.clickType, function (e) {
	      e.preventDefault();
	      $div.remove();
	    });
	
	  },
	};
	
</script>
<script>
	var code;
	var isleave = false;
	var videoId = parseInt(getParameter("id"));
	var videoUrl = getParameter("videoUrl");
	var videoName = decodeURI(getParameter("videoName"));
	var browseFlag = parseInt(getParameter("browseFlag"));
	var videoBrowseSeconds = parseInt(getParameter("videoBrowseSeconds"));
	var videoSeconds = parseInt(getParameter("videoSeconds"));
	var validNum = parseInt(getParameter("validNum"));
	var checkNum = parseInt(getParameter("checkNum"));
	
	$('.yxsc').html(validNum)
	$('.video-play-tit').html(videoName)
	
	//视频播放配置
	var videoObject = {
	    container: '.video', //视频容器
		//poster:'video/poster.png',//封面图片
		logo: '../../static/images/other/om.png',
	    video:videoUrl,//视频地址
	    timeScheduleAdjust: browseFlag,//是否可调节播放进度,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动
	    seek: browseFlag ==  5 ? videoBrowseSeconds : 0,//默认需要跳转的秒数
	};
	var player=new ckplayer(videoObject)//调用播放器并赋值给变量player
	
	//生产验证码
	function createCode() {
	    code = "";
	    var codeLength = 6; //验证码的长度
	    var checkCode = document.getElementById("checkCode");
	    var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
	    for (var i = 0; i < codeLength; i++) {
	        var charNum = Math.floor(Math.random() * 10);
	        code += codeChars[charNum];
	    }
	    if (checkCode) {
	        checkCode.className = "code";
	        checkCode.innerHTML = code;
	    }
		stopAv()
	}
	
	//验证码
	function validateCode() {
	    var container = document.getElementById('container');
	    var inputCode = document.getElementById("inputCode").value;
	    var inPut = document.getElementById("inputCode");
	    if (inputCode.length <= 0) {
			Msg.showMessage("请输入验证码！");
	    }else if (inputCode.toUpperCase() != code.toUpperCase()) {
			Msg.showMessage("验证码输入有误！");
	        createCode();
	        inPut.value = "";
	    }else {
			// Msg.showMessage("验证码正确！");
	        container.style.display = "none";
	        masks.style.display = "none";
			isleave = false;
	        inPut.value = "";
			var ntime = parseInt(player.time());
	        player.play()
	        if(ntime >= validNum * 60){
				//#ifndef H5
				let videoDesc = {
					data: '1:'+ntime
				}
				uni.postMessage({
				    data: videoDesc
				});
				//#endif
				
				//#ifdef H5
				window.parent.postMessage('1:'+ntime, '*');
				//#endif
	        }
	    }
	}
	
	if(browseFlag == 5){
		//验证码计时
		var timer = setInterval(function () {
			if(!isleave){
				masks.style.display = "block";
				container.style.display = "block";
				createCode();
				isleave = true
			}else{
				Msg.showMessage({
					msg: '你已离开过久，请重新观看',
					success: function() {
						uni.navigateBack()
					}
				})
			}
			
		}, checkNum*60*1000)
	}	
	
	//关闭播放页面
	function closeWeb() {
		Msg.confirmMessage({
			msg: '关闭验证码框将离开该页面，再次观看将需重新观看，确定关闭吗？',
			success: function() {
				uni.navigateBack()
			}
		})
	}
	
	//视频暂停
	function stopAv() {
	    if (container.style.display = "block"
	
	    ) {
			player.pause();
			player.exitFull();
	    }
	
	}
	
	//监听视频播放已结束
	player.ended(function(){
		//#ifndef H5
		let videoDesc = {
			data: '1:'+videoSeconds
		}
		uni.postMessage({
		    data: videoDesc
		});
		//#endif
		
		//#ifdef H5
		window.parent.postMessage('1:'+videoSeconds, '*');
		//#endif
	});
	
	//上一集
	function getPreVideo() {
		//#ifndef H5
		let videoDesc = {
			data: '3:播放上一集'
		}
		uni.postMessage({
		    data: videoDesc
		});
		//#endif
		
		//#ifdef H5
		window.parent.postMessage('3:播放上一集', '*');
		//#endif
	}
	
	//下一集
	function getNextVideo() {
		//#ifndef H5
		let videoDesc = {
			data: '4:播放下一集'
		}
		uni.postMessage({
		    data: videoDesc
		});
		//#endif
		
		//#ifdef H5
		window.parent.postMessage('4:播放下一集', '*'); 
		//#endif
	}

	//获取浏览器参数
	function getParameter(name) {
	    var h = location.href;
	    if (h.indexOf('?') == -1) return "";
	    var x = h.substring(h.indexOf('?') + 1).split("&");
	    for (var i = 0; i < x.length; i++) {
	        if (x[i].indexOf(name + "=") == 0) {
	            return x[i].replace(name + "=", "");
	        }
	    }
	    return "";
	}
	
	window.addEventListener("message", function(res) {
		let _that = this;
		let msgType = res.data.substring(0,1);
		if(msgType == 1){
			Msg.showMessage("已经是第一集了！");
		}
		if(msgType == 2){
			Msg.showMessage("已经是最后一集了！");
		}
	}, false);
</script>
</html>